<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<h2>Mon profil</h2>
	<h:form>
		<div class="row">
			<div class="small-12 medium-6 columns">
				<label class="display">Nom</label> <input type="text"
					value="#{connexionMB.client.nom}" /> <label class="display">Prénom</label>
				<input type="text" value="#{connexionMB.client.prenom}" /> <label
					class="display">Date de naissance</label> <input type="text"
					id="dateNaissanceMonProfil" value="#{connexionMB.dateNaissance}" />
				<label class="display">e-mail</label> <input type="text"
					value="#{connexionMB.client.mail}" /> <label class="display">Téléphone</label>
				<input type="text" value="#{connexionMB.client.numTel}" /> <label
					class="display">Sexe</label> <select>
					<option value="homme" selected="selected">Homme</option>
					<option value="femme">Femme</option>
				</select> <a href="#" class="button radius large success">Enregistrer</a>
			</div>
			<div class="small-12 medium-6 columns">
				<h3>Adresses</h3>
				<ui:repeat var="adresse" value="#{connexionMB.client.adresses}">
					<div class="row casse-medium">
						<div class="small-10 medium-11 columns">
							<a href="#" data-reveal-id="modifierAdresse">#{adresse.noRue}
								#{adresse.rue}, #{adresse.cp} #{adresse.ville }, #{adresse.pays}</a>
						</div>
						<div class="small-2 medium-1 columns">
							<i class="foundicon-minus"></i>
						</div>
					</div>
				</ui:repeat>

				<div class="row casse-big">
					<div class="small-12 columns">
						<a href="#" class="button" data-reveal-id="creerAdresse">Ajouter
							adresse</a>
					</div>
				</div>
			</div>
		</div>
	</h:form>

</ui:composition>